<%-- 
    Document   : galeria
    Created on : 27-jun-2013, 13:47:13
    Author     : davidcabrera
--%>
<%@taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="es">
    <head>
        <title>Galería</title>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" media="screen" href="css/reset.css">
        <link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
        <link rel="stylesheet" type="text/css" media="screen" href="css/grid_12.css">
        <link rel="stylesheet" type="text/css" media="screen" href="css/demo.css">
        <script src="js/jquery-1.7.min.js"></script>
        <script src="js/jquery.easing.1.3.js"></script>
        <script src="js/uCarousel.js"></script>
        <script src="js/tms-0.4.1.js"></script>
        <script src="js/cufon-yui.js"></script>
        <script src="js/Asap_400.font.js"></script>
        <script src="js/Coolvetica_400.font.js"></script>
        <script src="js/Kozuka_M_500.font.js"></script>
        <script src="js/cufon-replace.js"></script>
        <script src="js/FF-cash.js"></script>

        <script>
            $(document).ready(function(){
                $('.gallery')._TMS({
                    show:0,
                    pauseOnHover:true,
                    prevBu:'.prev',
                    nextBu:'.next',
                    playBu:'.play',
                    duration:700,
                    preset:'fade',
                    pagination:$('.img-pags').uCarousel({show:4,shift:0}),
                    pagNums:false,
                    slideshow:7000,
                    numStatus:true,
                    banners:false,
                    waitBannerAnimation:false,
                    progressBar:false
                })		
            })
        </script>

    </head>
    <body>
        <div class="main">
            <div class="bg-img"></div>
            <!--==============================header=================================-->
             <header>
                <h1><a href="index.jsp">Sport <strong>Club</strong></a></h1>

                <div style="margin-top: 30px; margin-left: 750px">        

                </div> 
                <div >
                    
                <logic:empty name="usuario" scope="session">
                        <html:form action="/login" >
                            <div>
                            <table border="0" class="login-form">
                                <tbody>
                                    <tr>
                                        <td><strong>Email:</strong></td>
                                        <td><html:text property="email" name="LoginForm" style="text-align:right"/></td>
                                    </tr>
                                    <tr>
                                        <td><strong>Clave:</strong></td>
                                        <td><html:password property="pass" name="LoginForm" style="text-align:right"/></td>
                                    </tr>
                                    <tr>
                                        <td colspan="2" class="button" style="text-align:right;"><html:submit value="Login"/></td>
                                    </tr>
                                    <tr>
                                        <td colspan="2" style="text-align:right"><a href="registro.jsp" class="color-1">¡Registrate!</a></td>
                                    </tr>

                                </tbody>
                            </table>
                                    </div>
                        </html:form>
                    </logic:empty>
                        
                        <logic:notEmpty name="usuario" scope="session">
                            <div style="text-align: right" >
                            Bienvenido, <strong><a class="link" href="cuenta.do"><bean:write name="usuario" property="nombre"/></a></strong>

                            <br/>
                            <a class="link" href="unlogin.do" >Desconectar</a>
                            </div>
                        </logic:notEmpty>
                    
                </div>


                <nav style="clear: both">
                    
                    <ul class="menu">
                        <li><a href="index.jsp">Principal</a></li>
                        <li><a href="instalaciones.do">Instalaciones</a></li>
                        <li class="current"><a href="galeria.jsp">Galeria</a></li>
                        <li><a href="contacta.jsp">Contacta</a></li>
                    </ul>
                </nav>
            </header>   
            <!--==============================content================================-->
            <section id="content">
                <div class="container_12">
                    <div class="grid_12">
                        <div id="slide">			  	
                            <div class="gallery">
                                <ul class="items">
                                    <li><img src="img/galeria1g.jpg" alt=""></li>
                                    <li><img src="img/galeria2g.jpg" alt=""></li>
                                    <li><img src="img/galeria3g.jpg" alt=""></li>
                                    <li><img src="img/galeria4g.jpg" alt=""></li>
                                    <li><img src="img/galeria5g.jpg" alt=""></li>
                                    <li><img src="img/galeria6g.jpg" alt=""></li>
                                    <li><img src="img/galeria7g.jpg" alt=""></li>
                                    <li><img src="img/galeria8g.jpg" alt=""></li>
                                </ul>
                            </div>
                            <a href="#" class="prev"></a><a href="#" class="next"></a>
                        </div>		
                    </div>
                    <div class="grid_12 top-1">
                        <div class="block-3 box-shadow">
                            <h2 class="p4">Galeria <span class="color-1">Fotos</span></h2>
                            <div class="pag">
                                <div class="img-pags">
                                    <ul>
                                        <li><a href="#"><span><img src="img/galeria1p.jpg" alt=""></span></a></li>
                                        <li><a href="#"><span><img src="img/galeria2p.jpg" alt=""></span></a></li>
                                        <li><a href="#"><span><img src="img/galeria3p.jpg" alt=""></span></a></li>
                                        <li><a href="#"><span><img src="img/galeria4p.jpg" alt=""></span></a></li>
                                        <li><a href="#"><span><img src="img/galeria5p.jpg" alt=""></span></a></li>
                                        <li><a href="#"><span><img src="img/galeria6p.jpg" alt=""></span></a></li>
                                        <li><a href="#"><span><img src="img/galeria7p.jpg" alt=""></span></a></li>
                                        <li><a href="#"><span><img src="img/galeria8p.jpg" alt=""></span></a></li>
                                    </ul>  
                                </div>								
                            </div>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
            </section> 
            <!--==============================footer=================================-->
        </div>
        <%@include file="footer.jsp" %>
    </body>
</html>
